/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary:rgba(32,114,255,0.23);
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
//$--color-white: #06163a;
//$--border-color-hover: #6e86b0;
//$--color-text-placeholder: #6e86b0;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

//$--border-color-light: #6e86b0;
//$--border-color-lighter: #6e86b0;
//$--table-border: 1px solid #6e86b0;
//
//$--color-primary: #81A3E1;
//$--color-text-placeholder: #6e86b0;
//$--border-color-base: #6e86b0;
//$--border-color-light: #6e86b0;
//$--border-color-lighter: #6e86b0;
//$--border-color-extra-light: #6e86b0;
//$--color-white: rgba(20, 48, 103, 1);
//$--background-color-base: rgba(25,41,112,0.75);
//$--color-text-primary: #ffffff;
//$--color-text-regular: #fff;
//$--color-text-secondary: #ffffff;
//$--color-text-placeholder: #ffffff;
// $--color-black: #333;
$--table-header-background-color: #143067;

/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";
$--select-dropdown-background: #14225c;
$--datepicker-inrange-background-color:#6e86b0;
//$--button-default-background-color:rgba(32,114,255,0.23);
$--input-background-color:rgba(32,114,255,0.23);

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
